<template>
  <div>
    <h2>我是首页</h2>
    <p>我是首页 : 哈哈哈</p>

    <router-link to="/home/new1">新闻</router-link>
    <router-link to="/home/new2"> 消息</router-link>
    <br>
    <button @click="plus">+</button>
    <button @click="minus">-</button>
    <!--    显示子路由的页面-->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
  methods: {
    plus() {
      this.$store.commit('add')
    },
    minus() {
      this.$store.commit('del')
    }
  },
  //声明周期钩子函数
  // 1 : 当组件创建的时 , 触发该函数
  created() {
    //  修改 index 页面里面的title的值
    // document.title = "首页";

  },
  // 2 : 当前组件  , 渲染到页面时 , 后 , 开始触发该函数
  mounted() {
  },
  // 3 : 页面刷新后 , 触发该函数
  updated() {

  }

}
</script>

<style scoped>

</style>